<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <script src="../js/public.js"></script>
    <script src="../js/jquery.js"></script>
    <style>
    	/* 头部   */
    	.mui-bar-nav{background-color: #71BB98;}
    	.mui-bar-nav .mui-title{color:#FFF;font-size: 1.2rem;}
    	.mui-bar-nav .mui-action-back{color:#FFF;}
    	
    	/* 底部   */
    	.mui-bar-tab{color:#FFF;}
    	.mui-bar-tab .mui-tab-item{background-color: #71BB98; color:#FFF;} 
    	.mui-bar-tab .mui-tab-item:first-child{border-right: 1px solid #FFF;}
    	.mui-bar-tab .mui-tab-item .mui-icon{display: inline-block; font-size: 2.5rem;}
    	.mui-bar-tab .mui-tab-item.mui-active{color: red;}
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">接单</h1>
	</header>
	
	<nav class="mui-bar mui-bar-tab">
	    <a class="mui-tab-item mui-active">
	        <span class="mui-icon mui-icon-home"></span>
	    </a>
	    <a class="mui-tab-item">
	        <span class="mui-icon mui-icon-person"></span>
	    </a>
	</nav>
</body>
 <script type="text/javascript" charset="utf-8">
      	mui.init({
      		subpages:[{
			    url:'receiving_1.html',
			    id:'text',
			    styles:{
			        top:'45px',
			        bottom:'0px'
			    }
		    }]
      	});
    </script>
</html>